<template>
	<div class="addOrder">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">工单号
				<span style="color: red;">*</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WN20190801007
			</li>
			<li class="mui-table-view-cell" @click="goOrderNum">
				<a class="mui-navigate-right">订单编号</a>
			</li>
			<div class="mui-input-row">
				<label>单 位</label>
				<input type="text" class="mui-input-clear">
			</div>
			<div class="mui-input-row">
				<label>订单总数</label>
				<input type="text" class='mui-icon-clear' />
			</div>
			<div class="mui-input-row">
				<label>完成数量</label>
				<input type="text" class='mui-icon-clear' />
			</div>
			<li class="mui-table-view-cell" @click='product'>
				<a class="mui-navigate-right">产 品<span style="color: red;">*</span></a>
			</li>
			<div class="mui-input-row">
				<label>工单数量<span style="color: red;">*</span></label>
				<input type="text" class='mui-icon-clear' />
			</div>
			<li class="mui-table-view-cell" @click="goWay">
				<a class="mui-navigate-right">工艺路线<span style="color: red;">*</span></a>
			</li>

			<div class="mui-input-row">
				<label>计划开工</label>
				<input type="text" class='mui-icon-clear' />
			</div>
			<div class="mui-input-row">
				<label>计划完工</label>
				<input type="text" class='mui-icon-clear' />
			</div>
			<div class="mui-input-row">
				<label>R F I D</label>
				<input type="text" class='mui-icon-clear' />
			</div>
			<li class="mui-table-view-cell" @click="dialogVisible=true">
				<a class="mui-navigate-right">工单类型<span style="color: red;margin-right: 10%;">*</span>
					<span>{{value === '1'?'自制':''}}</span>
				</a>
			</li>
			<el-dialog :visible.sync="dialogVisible" width="90%">
				<mt-radio @change='check' align="right" v-model="value" :options="options"></mt-radio>
			</el-dialog>
		</ul>
		<mt-button type="primary" size='large' >提交</mt-button>
		<mt-button type="default" size='large' @click='goBack()'>返回</mt-button>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				dialogVisible: false,
				value:'',
				options:[
					{label:'自制',
					value:'1'},
				],
				label:''
			}
		},
		methods: {
			check(){
				/* if(this.value === '1'){
					alert(1)
					this.label = '自制'
				} */
				this.dialogVisible = false
			},
			goOrderNum() {
				this.$router.push({
					name: 'orderNum'
				})
			},
			product() {
				this.$router.push({
					name: 'product'
				})
			},
			goWay() {
				this.$router.push({
					name: 'way'
				})
			},
			
		}
	}
</script>

<style scoped="scoped">
	.mint-button--large {
		width: 92%;
		margin: 0 auto;
		margin-top: 16px;
	}

	.mint-button--default {
		background: white;
	}

	.mui-input-row {
		margin-left: 15px;
		/* margin-right: 15px; */
		border-bottom: 1px solid #dbdbdb;
	}

	.mui-input-row label {
		padding-left: 0;
	}
</style>
